Semantic template for pyppl_report

A relative path template

A relative path template

A relative path template

A relative path template

A relative path template

Title

Download filetable

Image

TOC

Table of contents will be automatically generated by scanning the document for headings.

If you want some headings to be excluded from TOC, you just do:

## Exluded {toc=false}
      xyb

Following heading will be excluded:

TOC-excluded

This is a very very very very very very very very very long heading

This is a third-level heading

Admonitions

This is a note

:::{.admon .note head=Hello}
      This is a note
      :::

This is a warning class: .warn/.warning

This is an info class: .info

This is an error

:::{.admon .error}
      This is an error
      :::

This is an example class: .example

No head

head=false

Tables

Tables with all data

You can insert links into the table by using <ALT: HREF>.

Numbers are rounded to 3 decimals if length > 10.

Tables with subset of data and download available

Tables without data file

```table
      caption: Data table
      download: true
      csvargs:
        delimiter: ","
      ---
      ID,Name,Sex,Age
      1,Bob,M,49
      2,Alice,F,20
      ```

References/Links

  • Something needs ref [1]
    - Something needs ref [l]
      
          ... ...
      
          [l]: ref1
[A link with attributes](somelink "title"){a=1 b=2 c="xy" d=False f="m, n"}
[A downloadable link](./downloadfile.txt){download=true}

If links are relative path to local files, they should be relative to the markdown file.

Images

Images are lazy-loaded.

Add a single image

<!-- empty line -->
      ![Snapshot](./snapshot.png){attributes ...}
      <!-- empty line -->
Snapshot

Add images as a combined figure

<!-- no empty lines among the images -->
      ![Snapshot](./snapshot.png)
      ![Snapshot](./snapshot.png)
      ![Snapshot](./snapshot.png)

Snapshot Snapshot Snapshot

Relative image path should be relative to the markdown file.

When pyppl_report work as a PyPPL plugin, we usually pass the absolute path. However, when it works as a CLI tool, relative path may be used.

Panels

A set of panels are blocks that only occupy one panel space in the page by using tabs or accordions, based on the number of this set of panels.

Auto-decide to use tabs or accordions

When number of panels <= 4 we will use tabs, otherwise accordions are used.

::: {.panel head=Panel1}
      panel1
      :::
      
      ::: {.panel head=Panel2}
      panel2
      :::

panel1

panel2

Accordions

panel1

panel2

panel1

panel2

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

panel1

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

panel2

Force tabs or accordions

::: {.panel .tab head=Panel1}
      panel1
      :::
      
      ::: {.panel head=Panel2}
      panel2
      :::
::: {.panel .accordion head=Panel1}
      The quick brown fox jumps over the lazy dog.
      :::
      
      ::: {.panel head=Panel2}
      panel2
      :::

TOC

Table of contents will be automatically generated by scanning the document for headings.

If you want some headings to be excluded from TOC, you just do:

## Exluded {toc=false}
      xyb

Following heading will be excluded:

TOC-excluded

This is a very very very very very very very very very long heading

This is a third-level heading

Admonitions

This is a note

:::{.admon .note head=Hello}
      This is a note
      :::

This is a warning class: .warn/.warning

This is an info class: .info

This is an error

:::{.admon .error}
      This is an error
      :::

This is an example class: .example

No head

head=false

Tables

Tables with all data

You can insert links into the table by using <ALT: HREF>.

Numbers are rounded to 3 decimals if length > 10.

Tables with subset of data and download available

Tables without data file

```table
      caption: Data table
      download: true
      csvargs:
        delimiter: ","
      ---
      ID,Name,Sex,Age
      1,Bob,M,49
      2,Alice,F,20
      ```

References/Links

  • Something needs ref [1]
    - Something needs ref [l]
      
          ... ...
      
          [l]: ref1
[A link with attributes](somelink "title"){a=1 b=2 c="xy" d=False f="m, n"}
[A downloadable link](./downloadfile.txt){download=true}

If links are relative path to local files, they should be relative to the markdown file.

Images

Images are lazy-loaded.

Add a single image

<!-- empty line -->
      ![Snapshot](./snapshot.png){attributes ...}
      <!-- empty line -->
Snapshot

Add images as a combined figure

<!-- no empty lines among the images -->
      ![Snapshot](./snapshot.png)
      ![Snapshot](./snapshot.png)
      ![Snapshot](./snapshot.png)

Snapshot Snapshot Snapshot

Relative image path should be relative to the markdown file.

When pyppl_report work as a PyPPL plugin, we usually pass the absolute path. However, when it works as a CLI tool, relative path may be used.

Panels

A set of panels are blocks that only occupy one panel space in the page by using tabs or accordions, based on the number of this set of panels.

Auto-decide to use tabs or accordions

When number of panels <= 4 we will use tabs, otherwise accordions are used.

::: {.panel head=Panel1}
      panel1
      :::
      
      ::: {.panel head=Panel2}
      panel2
      :::

panel1

panel2

Accordions

panel1

panel2

panel1

panel2

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

panel1

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

panel2

Force tabs or accordions

::: {.panel .tab head=Panel1}
      panel1
      :::
      
      ::: {.panel head=Panel2}
      panel2
      :::
::: {.panel .accordion head=Panel1}
      The quick brown fox jumps over the lazy dog.
      :::
      
      ::: {.panel head=Panel2}
      panel2
      :::

TOC

Table of contents will be automatically generated by scanning the document for headings.

If you want some headings to be excluded from TOC, you just do:

## Exluded {toc=false}
      xyb

Following heading will be excluded:

TOC-excluded

This is a very very very very very very very very very long heading

This is a third-level heading

Admonitions

This is a note

:::{.admon .note head=Hello}
      This is a note
      :::

This is a warning class: .warn/.warning

This is an info class: .info

This is an error

:::{.admon .error}
      This is an error
      :::

This is an example class: .example

No head

head=false

Tables

Tables with all data

You can insert links into the table by using <ALT: HREF>.

Numbers are rounded to 3 decimals if length > 10.

Tables with subset of data and download available

Tables without data file

```table
      caption: Data table
      download: true
      csvargs:
        delimiter: ","
      ---
      ID,Name,Sex,Age
      1,Bob,M,49
      2,Alice,F,20
      ```

References/Links

  • Something needs ref [1]
    - Something needs ref [l]
      
          ... ...
      
          [l]: ref1
[A link with attributes](somelink "title"){a=1 b=2 c="xy" d=False f="m, n"}
[A downloadable link](./downloadfile.txt){download=true}

If links are relative path to local files, they should be relative to the markdown file.

Images

Images are lazy-loaded.

Add a single image

<!-- empty line -->
      ![Snapshot](./snapshot.png){attributes ...}
      <!-- empty line -->
Snapshot

Add images as a combined figure

<!-- no empty lines among the images -->
      ![Snapshot](./snapshot.png)
      ![Snapshot](./snapshot.png)
      ![Snapshot](./snapshot.png)

Snapshot Snapshot Snapshot

Relative image path should be relative to the markdown file.

When pyppl_report work as a PyPPL plugin, we usually pass the absolute path. However, when it works as a CLI tool, relative path may be used.

Panels

A set of panels are blocks that only occupy one panel space in the page by using tabs or accordions, based on the number of this set of panels.

Auto-decide to use tabs or accordions

When number of panels <= 4 we will use tabs, otherwise accordions are used.

::: {.panel head=Panel1}
      panel1
      :::
      
      ::: {.panel head=Panel2}
      panel2
      :::

panel1

panel2

Accordions

panel1

panel2

panel1

panel2

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

panel1

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

panel2

Force tabs or accordions

::: {.panel .tab head=Panel1}
      panel1
      :::
      
      ::: {.panel head=Panel2}
      panel2
      :::
::: {.panel .accordion head=Panel1}
      The quick brown fox jumps over the lazy dog.
      :::
      
      ::: {.panel head=Panel2}
      panel2
      :::

Reference

[1]: ref1